<!DOCTYPE html>
<ui:composition template="/master.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<ui:define name="content">
			<br />
			<h:outputText value="Mis Salones:" />
			<br />
			<br />
				<p:dataTable id="tablaDT" var="sal" value="#{consultarSalonBean.listaSalonProp}"
					rowKey="#{sal.idSalon}" selection="#{consultarSalonBean.salonSelected}" style="width:100%" rows="5"
					paginator="true" paginatorPosition="bottom" selectionMode="single"
					paginatorTemplate="{FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}" border="0px">
<!-- 					<f:facet name="header"> -->
<!--            				Lista de salones -->
<!--         			</f:facet> -->
<!-- 					<p:column style="width:150px"> -->
<!-- 						<p:graphicImage url="/resources/imagenes/registrate1.jpg" /> -->
<!-- 						<a onclick="PF('citaDialog').show();"><font face="Tekton Pro" color="green"><u><h:outputText -->
<!-- 										value="Contactar Salón" /></u></font></a> -->
<!-- 					</p:column> -->
					<p:column>
						<font face="Tekton Pro" color="Blue"><u><h:outputText value="#{sal.nombreSalon}" /></u></font>
						<br />
					</p:column>
					<p:column style="width:70px">
						<h:commandLink action="#{consultarSalonBean.goBebida}">
						   <p:graphicImage url="/resources/imagenes/Bebidas.jpg" />
					    </h:commandLink>						
					</p:column>
					<p:column style="width:70px">
						<h:commandLink action="#{consultarSalonBean.goMenu}">
						   <p:graphicImage url="/resources/imagenes/Menus.jpg" />
					    </h:commandLink>
					</p:column>
					<p:column style="width:70px">
						<h:commandLink action="#{consultarSalonBean.goServicios}">
							   <p:graphicImage url="/resources/imagenes/Servicios_salones.jpg" />
						</h:commandLink>						
					</p:column>
					<p:column style="width:70px;text-align: center" headerText="Detalle">
						<p:commandButton process="tablaDT" update=":#{p:component('propDetail')}" icon="ui-icon-search" title="View"
							oncomplete="PF('propDialog').show()" action="#{consultarSalonBean.llenarTablaServicios}">
							<f:setPropertyActionListener value="#{sal}" target="#{consultarSalonBean.salonSelected}" />

						</p:commandButton>

					</p:column>

				</p:dataTable>

				<p:dialog id="propDetail" header="Detalle del Servicios" widgetVar="propDialog" modal="true" resizable="false">
					<p:outputPanel style="text-align:center;">
						<p:panel>



						</p:panel>
					</p:outputPanel>
				</p:dialog>

	</ui:define>
</ui:composition>
